<template>
    <!-- 
        在我们的HTML中的标签中的各种属性,设置,如果不加+冒号:就会识别为字符串,加冒号就可以识别为JS代码


        向我们的子组件传一个叫list的参数,参数中的内容是persons数组数组中需要完全符合Persons规范.....
     -->

    <Person :list="persons"/>
</template>

<script lang="ts" setup name="Person">
import { ref } from 'vue';
import Person from './components/Person.vue';
import { type Persons } from './types';
/* 
        声明一个数组ref使用Persons规范,
*/

let persons = ref<Persons>([
    { id: "sssss1", name: "GG", age: 11 }
    , { id: "sssss2", name: "G22", age: 5 }
    , { id: "sssss3", name: "G222G", age: 166 }
])
</script>


